<%- include('./templates/_header') %>
    <script type="text/javascript" src="/lib/moment/moment.js"></script>
    <script type="text/javascript" src="/lib/moment/zh-cn.js"></script>
    <%- include('./templates/_tab') %>
	<div id="wrapper">
		<div id="scroller">
			<div id = "scroller-pullDown">
				<span id = "down-icon" class = "icon-double-angle-down pull-down-icon"></span>
				<span id = "pullDown-msg" class = "pull-down-msg">下拉刷新</span>
			</div>
		    <div class="swiper-container" id = "scroller-content">
		        <div class="swiper-wrapper">
			        <% categories.forEach(function (category, index){ %>
			            <div class="swiper-slide" data-id='<%= category._id %>' data-slug='<%= category.slug %>' data-name='<%= category.name %>'>
							<div class="list"> 
							</div> 
			            </div>
			        <% }) %>
		        </div>
		    </div>
			<div id = "scroller-pullUp">
				<span id = "up-icon" class = "icon-double-angle-up pull-up-icon"></span>
				<span id = "pullUp-msg" class = "pull-up-msg">上拉刷新</span>
			</div>
	    </div>
	</div>
	<%- include('./templates/_tabbar') %>
	<script src="/lib/scroll/iscroll.js"></script>
    <script type="text/javascript" src="/js/article.js"></script>
<%- include('./templates/_footer') %>